<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no,shrink-to-fit=no">
    <title>欢迎您来到随手记</title>
    <!-- 引入外部样式 -->
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/tip.css">
    <link rel="stylesheet" href="css/index.css">

    <!-- 引入外部js -->
    <script src="js/check.js"></script>
    <script src="https://dss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/js/lib/jquery-1-cc52697ab1.10.2.js"></script>
    <script src="js/base.js"></script>
    <script src="js/img.js"></script>
    <script src="js/tip.js"></script>

</head>
<body>
<!-- d1是首页默认显示的层 -->
<div id="moban" class="biji clearfix" style="display:none">
    <div class="left fl" style="width: 100%;"><div class="biji_title">
        实时更新：新型冠状病毒肺炎疫情...</div><div class="biji_date">
        1 小时前</div><div class="biji_content">现有确诊 23872 昨日-1569</div>
    </div><button style="display: block; clear: both;">删除</button></div>
<div id="d1">
    尊敬的<span id="s1"></span>您好！
    <span id="logout">退出</span>

    <div class="nav clearfix">

        <div class="picbtn" id="addimgBtn" style="width:36px;height:36px">
            <img id="addimg" width="36px" src=""/>
            <img id="addimghover" class="hoverimg" width="36px" src=""/>
        </div>

        <div class="picbtn" id="findimgBtn" style="display:none;width:36px;height:36px">
            <img id="findimg" width="36px" src=""/>
            <img id="findimghover" class="hoverimg" width="36px" src=""/>
        </div>

        <div class="picbtn" id="shareimgBtn" style="display:none;width:36px;height:36px">
            <img id="shareimg" width="36px" src=""/>
            <img id="shareimghover" class="hoverimg" width="36px" src=""/>
        </div>

    </div>

    <hr/>

    <div id="d2">

    </div>
    <div style="text-align:center;" id="d3">
        <img src="images/01aa2a5715ffc932f8758c9b594176.jpeg"
             width="200" style="display:none;margin:0 auto" id="loading2"/>
    </div>
</div>

<!-- 新增笔记时显示的层 -->
<div id="addDiv" style="display:none;">
    <h3>
        <span id="addOrUpdate">新增</span>

        <span id="shareBtn"  class="spanbtn">分享</span>
		<span id="saveAsPic"  class="spanbtn">保存为图片</span>
        <span id="finishBtn" class="spanbtn">完成</span> <span class="spanbtn spangreenbtn" id="returnBtn">返回</span></h3>
    <div>


        <img src="images/01aa2a5715ffc932f8758c9b594176.jpeg" width="200" style="display:none" id="loading"/>
    </div>
    <input placeholder="写下笔记标题" id="title"/>
    <br/>
    <div style="position:relative">

    <div
         contenteditable="true" id="content"
        ></div>
    <div id="contentTip">请输入内容...</div>
    </div>
</div>

<script src="http://html2canvas.hertzen.com/dist/html2canvas.min.js"></script>
<script src="js/index.js"></script>
</body>
</html>








